<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="js/lib/bootstrap/css/bootstrap.min.css">
	<style>
		.phonebox {
			position: fixed;
			left:  50%;
			top: 50%;
			margin-left:  -160px;
			margin-top: -243px;
			width: 320px;
			height: 486px;
			background: #f5f5f5;

		}
		ul {
			position: relative;
			width:  100%;
			height: 100%;
		}
		li {
			position: absolute;
			color: #676767;
			line-height: 1;
			background: 0 0;
			list-style: none!important;
			margin: 0!important;
			padding: 0;
			-webkit-transition: padding .5s;
			-moz-transition: padding .5s;
			transition: padding .5s;
			min-height: 1px;
			min-width: 1px;
			width: 100%;
			-webkit-user-select: none;
		}
		li .element-box {
			width:  100%;
			height: 100%;
			overflow: hidden;
		}
		li .element-box .element-box-contents {
			width:  100%;
			height: 100%;
			overflow: hidden;
		}
		.comp_image {
			width:  100%;
			height: 100%;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
		}
		.element {
			min-width: 1px;
			min-height: 1px;
			color: inherit;
		}
	</style>
</head>
<body>
	<div class="phonebox">
		<ul>
		    <li class="comp-resize comp-rotate inside wsite-image">
		    	<div class="element-box">
		    		<div class="element-box-contents">
		    			<img class="element comp_image editable-image" id="3544487090" src="img/1.jpg" alt="">
		    		</div>
		    	</div>
		    </li>
		</ul>
	</div>
	<script src="js/lib/jquery/jquery-1.11.2.min.js"></script>
	<script src="js/lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>